.bottom-tab{
    position: fixed;
    width: 100%;
    height: 1.333rem;
    display: flex;
    border-top: 0.027rem solid #b6b6b6;
    background-color: rgba(246,246,246,0.95);
    margin-top: 1.333rem;
    bottom: 0;
}

.bottom-tab .btn-item{
    color: #999;
    font-size: 0.38rem;
    display: flex;
    flex-direction: column;
    flex: 1;
    align-items: center;
    text-decoration: none;
}

.bottom-tab .tab-icon{
    margin-bottom: 0.107rem;
    width: 0.667rem;
    height: 0.667rem;
}

.bottom-tab .index .tab-icon{
    background-image: url("img/homeIcon.png");
    background-size: cover;
}

.bottom-tab .order .tab-icon{
    background-image: url("img/orderIcon.png");
    background-size: cover;
}

.bottom-tab .my .tab-icon{
    background-image: url("img/myIcon.png");
    background-size: cover;
}

/*激活当前页面时的样式*/
    /*选择器含义:选择.bottom-tab下面,带有.btn-item和.active类的标签,.btn-item和.active类挨着一块写*/
.bottom-tab .btn-item.active{
    color: #000;
}


.bottom-tab .index.btn-item.active .tab-icon{
    background-image: url("img/homeIconActive.png");
    background-size: cover;
}

.bottom-tab .order.btn-item.active .tab-icon{
    background-image: url("img/orderIconActive.png");
    background-size: cover;
}

.bottom-tab .my.btn-item.active .tab-icon{
    background-image: url("img/myIconActive.png");
    background-size: cover;
}


